<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职业推荐管家</title>
    <link href="../static/css/background.css" rel="stylesheet"/>
</head>
<body>
<div style="width:800px;height:30px;margin: auto;font-size: 40px;margin: auto; ">
</div>
<div style="width:800px;height: 500px;margin:100px auto">
    <form action="/" method="get">
        <div><label style="font-size: 40px;font-family:KaiTi;color:Blue;position:absolute;left:210px;top:130px;">请描述您的专业：</label>
        </div>
        <div>
            <input type="text" name="question" id="question"
                   style="position:absolute;left:150px;top:200px;height:50px;width: 400px ;font-size: 20px;font-family:KaiTi"/>
            <input type="submit" value="查询推荐"
                   style="position:absolute;left:300px;top:290px;background-color: LightGray;font-size: 25px;font-family:SongTi"/>
        </div>

        <div style="position:absolute;left:800px;top:130px;color: green;font-size: 40px;font-family:KaiTi">
            <label for="result">职业推荐：</label>
        </div>
        <div>
            <textarea name="result" id="result" disabled="disabled"
                      style="position:absolute;left:650px;top:200px;width: 500px;height:600px;font-size: 20px;font-family:SongTi">{{reply}}</textarea>

            <div style="position:absolute;left:1300px;top:130px;color:Brown;font-size: 40px;font-family:KaiTi">
                <label>职业详情链接：</label>
            </div>
            <div style="font-size: 20px">
                <a href="{{boss1}}" target="_blank" style="width: 800px">
                    <input type="button" name="output1" id="output1"
                           style="position:absolute;left:1300px;top:200px;height: 50px;width: 240px;font-family:SongTi;background-color: LightYellow;font-size: 30px"
                           value="岗位1">
                </a>
            </div>
            <div style="font-size: 20px">
                <a href="{{boss2}}" target="_blank" style="width: 800px">
                    <input type="button" name="output2" id="output2"
                           style="position:absolute;left:1300px;top:250px;height: 50px;width: 240px;font-family:SongTi;background-color: LightGreen;font-size: 30px"
                           value="岗位2">
                </a>
            </div>
            <div style="font-size: 20px">
                <a href="{{boss3}}" target="_blank">
                    <input type="button" name="output3" id="output3"
                           style="position:absolute;left:1300px;top:300px;height: 50px;width: 240px;font-family:SongTi;background-color: LightBlue;font-size: 30px"
                           value="岗位3">
                </a>
            </div>
        </div>
    </form>
</div>
</body>
</html>
